﻿<tfoot>
    <tr>
        <td colspan="999" align="left">
            <div class="layui-box layui-laypage layui-laypage-default">
                <span  v-show="options.AllowChangePageSize" class="layui-laypage-limits">
                    <select  v-model="options.PageSize" v-on:change="ToPage(1)">
                        <option value="10" selected="">10 条/页</option>
                        <option value="20">20 条/页</option>
                        <option value="50">50 条/页</option>
                        <option value="100">100 条/页</option>
                    </select>
                </span>
                <a href="javascript:;" title="上一页" :class="{'layui-laypage-prev layui-disabled':options.CurrentPage==1,'layui-laypage-prev':options.CurrentPage!=1}" v-on:click="ToPage(options.CurrentPage-1)">上一页</a>
                <template v-if="options.ShowFirstPage">
                    <a class="layui-laypage-first" href="javascript:;" title="首页" v-on:click="ToPage(1)">首页</a>
                    <span class="layui-laypage-spr">...</span>
                </template>
                <template v-for="page in options.ShowPages">
                    <span class="layui-laypage-curr" v-if="page==options.CurrentPage">
                        <em class="layui-laypage-em"></em>
                        <em>{{ page }}</em>
                    </span>
                    <a href="javascript:;" v-if="page!=options.CurrentPage" v-on:click="ToPage(page)">{{ page }}</a>
                </template>
                <template v-if="options.ShowLastPage">
                    <span class="layui-laypage-spr">...</span>
                    <a class="layui-laypage-last" href="javascript:;" title="尾页" v-on:click="ToPage(options.TotalPage)">尾页</a>
                </template>
                <a class="layui-laypage-next" href="javascript:;" title="下一页" v-bind:disabled="options.CurrentPage<options.TotalPage" v-on:click="ToPage(options.CurrentPage+1)">下一页</a>
                <span class="layui-laypage-count">&nbsp;共&nbsp;{{ options.TotalCount }}&nbsp;条</span>
                <span class="layui-laypage-skip">到第<input v-model="options.SkipPage" class="layui-input" type="number" onkeyup="this.value=this.value.replace(/\D/, 0);" min="1">页 <button type="button" class="layui-laypage-btn" v-on:click="ToPage(options.SkipPage)">确定</button></span>
            </div>
        </td>
    </tr>
</tfoot>
